<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>注册</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">
    <link href="css/plugins/daterangepicker/daterangepicker-bs3.css" rel="stylesheet">

    <link href="../common/common_js.html">
</head>

<body class="gray-bg">

    <div class="middle-box text-center loginscreen   animated fadeInDown">
        <div>
            <div>

                <!--<h1 class="logo-name">注册</h1>-->

            </div>
            <h3>欢迎注册</h3>
            <p>免费注册账号</p>
            <form class="m-t" role="form" action="register">
                <div class="form-group">
                    <input type="text" class="form-control" name="name" placeholder="用户名" required="">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" name="truename" placeholder="真实名字" required="">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" name="telephone" placeholder="手机号" required="">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" name="email" placeholder="邮箱" required="">
                </div>
                <#--<div class="form-group">
                    <label class="col-lg-6 ">验证码</label>
                    <div class="col-lg-6">
                        <input type="text" class="form-control" name="vcode" placeholder="验证码" required="">
                    </div>
                </div>-->
                <div class="form-group">
                    <input type="password" class="form-control" name="password" placeholder="密码" required="">
                </div>


                <!--<div class="input-group date form-group">
                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span><input type="text" placeholder="出生年月" class="form-control" name="birthtime">
                </div>-->

                <#--<div class="form-group">
                    <div class="col-sm-12"><select class="form-control m-b" name="gender">
                        <option value="1">男</option>
                        <option value="0">女</option>
                    </select>
                    </div>
                </div>-->
                <!--<div class="form-group">
                    <div class="i-checks">
                        性别：
                        <label> <input type="radio" value="男" name="gender"> <i></i> 男</label>
                        <label> <input type="radio" value="女" name="gender"> <i></i> 女 </label></div>
                </div>-->
                <div class="form-group">
                        <div class="checkbox i-checks"><label> <input type="checkbox"><i></i> 同意我们的隐私保护策略 </label></div>
                </div>
                <button type="submit" class="btn btn-primary block full-width m-b">注册</button>

                <p class="text-muted text-center"><small>之前拥有账号?</small></p>
                <a class="btn btn-sm btn-white btn-block" href="toLogin">登录</a>
            </form>
            <p class="m-t"> <small>欢迎来到海洋的网站 &copy; 2019</small> </p>
        </div>
    </div>

    <!-- Mainly scripts -->
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!-- iCheck -->
    <script src="js/plugins/iCheck/icheck.min.js"></script>
    <!-- Date range use moment.js same as full calendar plugin -->
    <script src="js/plugins/fullcalendar/moment.min.js"></script>

    <!-- Date range picker -->
    <script src="js/plugins/daterangepicker/daterangepicker.js"></script>

    <!-- Select2 -->
    <script src="js/plugins/select2/select2.full.min.js"></script>
    <!-- Data picker -->
    <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>
    <script>
        $(document).ready(function(){
            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
            });
        });



    </script>
</body>

</html>
